آی شاپ ساز

همانطور که قبلا گفته شد از CSS برای دادن گرافیک و رنگ و حالتهای مختلف به کدهای HTML میباشد.

ما از سه روش میتوانیم در HTML کدهای CSS را استفاده کنیم:

روش های گفته شده به ترتیب اولویت از زیاد به کم است یعنی اگر کد مشابهی هم به روش اول هم روش سوم در فایل نوشته شود کد نوشته شده در روش اول اجرا میشود.

استفاده از روش سوم استاندارد تر است زیرا باعث فهم بیشتر کد میشود.

در مثال زیر رنگ زمینه تگ div را توسط روش اول قرمز میکنیم

<html>
<head>
</head>
<body>

<div style="background-color: red;">My First CSS Example</div>

</body>
</html>

در مثال زیر رنگ زمینه تگ div را توسط روش دوم قرمز میکنیم

<html>
<head>
<style>
div{
 background-color: red;
}

</style>
</head>
<body>

<div>My First CSS Example</div>

</body>
</html>

برای روش سوم یک فایل دیگر به نام style.css در کنار فایل index.html میسازیم که به صورت زیر همان کار دو روش قبل را میکنند

div{
 background-color: red;
}

<html>
<head>
    <link rel="stylesheet" href="style.css">
</head>
<body>

<div>My First CSS Example</div>

</body>
</html>

در روش آخر فایل css را با کد زیر در فایل html تعریف کرده ایم

<link rel="stylesheet" href="style.css">

در بخش های بعدی با استفاده از روش سوم کدهای css را توضیح خواهیم داد

form-ها-در-html (جلسه قبل)

class ها در css (جلسه بعد)